<template>
  <div>
    <img src="" alt="" ref="lazyImg" />
  </div>
</template>

<script setup lang="ts">
import { defineProps, ref, defineExpose } from "vue";
const props = defineProps({
  Src: {
    type: String,
    default: "",
  },
});
const lazyImg = ref<HTMLImageElement | null>(null);
const giveSrcToImg = () => {
  console.log(lazyImg.value!.getBoundingClientRect());
};
defineExpose({
  giveSrcToImg,
});
</script>

<style></style>
